<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>产品系列</title>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/productLine.css" />
	</head>

	<body>
		<div class="web">
			<div class="web_box">
				<!--头部	S-->
				
				<!--头部	E-->
				<!--banner图	S-->
				<div class="index_kv">
					<img src="img/index-banner1.jpg"/>
				</div>
				<!--banner图	E-->
				<!--目录    s-->
				<p>
					<a href="#"><img src="img/bar-home.png"/></a>
					<a>&gt;</a>
					<a href="#">产品介绍</a>
					<a>&gt;</a>
					<a>心脑血管健康系列</a>
				</p>
				<!--菜单 -->
				<div class="product-menu">
					<div class="listTitle">
						<p>
							<span></span>
							<span>心脑血管健康系列</span>
						</p>
						<ul>
							<li><a href="#">全部产品</a></li>
							<li><a href="#">心脑血管健康系列</a></li>
							<li><a href="#">骨关节健康系列</a></li>
							<li><a href="#">基础营养系列</a></li>
							<li><a href="#">免疫健康系列</a></li>
							<li><a href="#">睡眠健康系列</a></li>
							<li><a href="#">肠道健康系列</a></li>
							<li><a href="#">产品搭配</a></li>
						</ul>
					</div>
					<div class="clear"></div>
					<!--<p class="product-title">
						心脑血管健康系列
					</p>-->
					<div class="product_box">
						<ul class="clearfix">
							<li class="fl">
								<a href="">
									<div class="product_info trsition_3">
										<div class="i-product-img">
											<img src="img/i-product1.png" alt="" />
										</div>
										<p>蛋白粉</p>
										<div class="triangle"></div>
									</div>
								</a>
							</li>
							<li class="fl">
								<a href="">
									<div class="product_info trsition_3">
										<div class="i-product-img">
											<img src="img/i-product2.png" alt="" />
										</div>
										<p>钙维生素D软胶囊</p>
										<div class="triangle"></div>
									</div>
								</a>
							</li>
							<li class="fl">
								<a href="">
									<div class="product_info trsition_3">
										<div class="i-product-img">
											<img src="img/i-product3.png" alt="" />
										</div>
										<p>鲑鱼油胶囊</p>
										<div class="triangle"></div>
									</div>
								</a>
							</li>
							<li class="fl">
								<a href="">
									<div class="product_info trsition_3">
										<div class="i-product-img">
											<img src="img/i-product4.png" alt="" />
										</div>
										<p>维生素E胶囊</p>
										<div class="triangle"></div>
									</div>
								</a>
							</li>
							<li class="fl">
								<a href="">
									<div class="product_info trsition_3">
										<div class="i-product-img">
											<img src="img/i-product5.png" alt="" />
										</div>
										<p>天然芦荟津</p>
										<div class="triangle"></div>
									</div>
								</a>
							</li>
						</ul>
						<!--<a class="product_btn trsition_3" href="">更多产品&gt;&gt;&gt;</a>-->
					</div>
				</div>
			</div>
			<!--底部	E-->
			
		</div>
		<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
	</body>

</html>